diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-02-11 17:56:27 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-02-11 17:56:27 +0100 |
| commit | 8647197a05490e2c10106a021cf6760bdabb5b2a (patch) | |
| tree | 5fb56fad1c0f585ac063a8f6390e68586e3e6084 /src/pages/thematique/[slug].tsx | |
| parent | c69c107de84aa3b2cdbf0ed087d0314f22d30b18 (diff) | |
chore: improve accessibility
Diffstat (limited to 'src/pages/thematique/[slug].tsx')
| -rw-r--r-- | src/pages/thematique/[slug].tsx | 16 |
1 files changed, 14 insertions, 2 deletions
diff --git a/src/pages/thematique/[slug].tsx b/src/pages/thematique/[slug].tsx index df7ff1a..166e0bb 100644 --- a/src/pages/thematique/[slug].tsx +++ b/src/pages/thematique/[slug].tsx @@ -116,7 +116,13 @@ const Thematic: NextPageWithLayout<ThematicProps> = ({ thematic }) => { className={`${styles.article} ${styles['article--no-comments']}`} > <PostHeader intro={thematic.intro} meta={meta} title={thematic.title} /> - <Sidebar position="left"> + <Sidebar + position="left" + ariaLabel={intl.formatMessage({ + defaultMessage: 'Table of Contents', + description: 'ThematicPage: ToC sidebar aria-label', + })} + > <ToC /> </Sidebar> <div className={styles.body}> @@ -136,7 +142,13 @@ const Thematic: NextPageWithLayout<ThematicProps> = ({ thematic }) => { </section> )} </div> - <Sidebar position="right"> + <Sidebar + position="right" + ariaLabel={intl.formatMessage({ + defaultMessage: 'Sidebar', + description: 'ThematicPage: right sidebar aria-label', + })} + > <RelatedTopics topics={relatedTopics.current} /> <ThematicsList title={intl.formatMessage({ |
